<header class="header">
  <div class="hd-content">
    <a href="/index.html"><img src="/images/index/logoday12192.png" alt="图片加载失败,请重试" class="hd-logo"></a>
    <div class="hd-info">
      <ul>
        <li><a href="/index.html">首页</a></li>
        <li class="theme-keyboard"><a href="/html/list.html?id=5">主题键盘</a></li>
        <ul class="dropdown-menu">
          <img src="/images/index/lun1.png" alt="" style="width: 100px;height: 30px;">
          <li>20%主题产品</li>
          <li>65%主题产品</li>
          <li>80%主题产品</li>
          <li>100%主题产品</li>
          <li>110%主题产品</li>
        </ul>
        <li>
          <a href="/html/shopCart.html">私人定制 </a>
          <ul class="dropdown-menu">
            <img src="/images/index/custornimg.jpg" alt="" style="width: 100px;height: 30px;">
            <li>65%私人定制</li>
            <li>80%私人定制</li>
            <li>110%私人定制</li>
          </ul>
        </li>
        <li><a href="#">技术支持</a></li>
        <li><a href="#">商务合作</a></li>
        <li><a href="#">常见问题FAQ</a></li>
      </ul>
      <div class="search" style="position: absolute;">
        <input type="text" class="form-control" name="search-name" placeholder="搜索"
          style="border-radius: 50px;height: 30px;margin-top: 20px;position: absolute;left: 1080px;">
        <span class="glyphicon glyphicon-search navbarspan" style="position: absolute;left: 1200px;top: 30px;"></span>
      </div>
      <ul class="user" >
        <li><a href="/html/login.html">登录</a></li>
        <li><a href="/html/register.html">注册</a></li>
      </ul>
      <ul class="userLogin" style="position: absolute;left: 1080px;display: none;">
          <li><a href="#"><b>欢迎您,</b></a></li>
          <li><a href="/html/shopCart.html"><img src="/images/shopCart/shopCart.png" style="width: 30px;height: 30px;"></a></li>
      </ul>
    </div>
  </div>
</header>